<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<logic:empty name="usuario">
	<logic:forward name="login" />
</logic:empty>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<title>Intranet de EYRA</title>
		
		<link rel="stylesheet" type="text/css" href="/css/style.css"/>				
		<link rel="stylesheet" type="text/css" href="/css/color-grey.css"/>				
		<!--[if lte IE 6]><link media="screen" rel="stylesheet" href="/css/ie6.css" type="text/css" /><![endif]-->
		<!--[if IE 7]><link media="screen" rel="stylesheet" href="/css/ie7.css" type="text/css" /><![endif]-->		
		
		<style type="text/css">	
			*{font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
			body.col-1 #primary-content{width:100%;}
			body{background-color:#E7F2CC; cursor:default;}
			body,#page{background-image:none;}
			#spacer {clear:both;	height:1px;}
		</style>
		
		<link rel="stylesheet" type="text/css" href="/css/tiempo.css"/>
		
		<script type="text/javascript" src="/js/eyra.js"></script>
		<script type="text/javascript" src="/js/jquery-1.6.min.js"></script>
		<script type="text/javascript" src="/js/jquery.tools.min.js"></script>
		
		<script type="text/javascript" src="/js/jquery.zweatherfeed.min.js"></script>		
		
		<script type="text/javascript">

			$(function(){
				$(".post-content").css("display","none");
				$("#usuario").focus();
				
				$('#tiempo').weatherfeed(['SPXX0189','SPXX0050','SPXX0015','SPXX0074','SPXX0193'],{link: false}).ajaxStop(function() {
					$("div.scrollable").scrollable({ 
			        		vertical: true,  
				        	size: 1
					}).circular().navigator().autoscroll({
						interval: 5000
					});
				});											
			});
																			
			function onClickMenu(menu) {
				$("li").removeClass("active");
				$("#" + menu).addClass("active");
				$(".post").css("display","none");
				$(".post-content").css("display","none");
				$("#cuerpo" + menu).css("display","");
				$("#usuario").focus();
			}

			function onClickSubMenu(submenu) {
				$(".post-content").css("display","none");
				$("#" + submenu).css("display","");
				$("#" + submenu).load("/cargando.htm");
			}			
			
			function onClickExportar() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/explotacion/exportar_curvas.jsp",null,function (responseText, textStatus , XMLHttpRequest){});
			}

			function onClickImportar() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/explotacion/importar_curvas.jsp",null,function (responseText, textStatus , XMLHttpRequest){});
			}			
			
			function onClickEstado() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/ExplotacionAction.do?metodo=EstadoMedidas&id_parque=0&comprobar=0",null,function (responseText, textStatus , XMLHttpRequest){});
			}

			function onClickResumenProduccion() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/ExplotacionAction.do?metodo=ResumenProduccion",null,function (responseText, textStatus , XMLHttpRequest){});
			}			

			function onClickComprobar() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/explotacion/comprobar_medidas.jsp",null,function (responseText, textStatus , XMLHttpRequest){});
			}
			
			function onClickTerrenos() {				
				onClickMenu(5);
				$("#cuerpo5").load("/terrenos/propietarios.jsp",null,function (responseText, textStatus , XMLHttpRequest){});								
			}
			
			function onClickInforme() {
				onClickSubMenu('curvas_carga_excel');
				$("#curvas_carga_excel").load("/explotacion/informe.jsp",null,function (responseText, textStatus , XMLHttpRequest){});
			}
		</script>
	</head>
	
	<body class="home blog col-1 fluid browser-gecko">	
		<div class="page-content header-wrapper">
			<div class="shadow-left">	
				<div class="shadow-right clear-block">	
					<br />
					<ul id="navigation" class="clear-block">
						<li id="0" class="active">
							<a class="home" href="javascript: onClickMenu(0);" title="Página Principal">
								<span class="title">Eyra</span>
							</a>
						</li>
						<li id="2">
							<a href="#">
								<span>Sociedades</span>
							</a>
						</li>					
						<logic:equal name="funcionalidades" property="EXPLOTACION" value="true"> 
							<li id="3">
								<a href="javascript: onClickMenu(3);" >
									<span>Explotación</span>
								</a>
							</li>
						</logic:equal>
						<li id="4">
							<a href="#" >
								<span>Gerentes</span>
							</a>
						</li>				
						<logic:equal name="funcionalidades" property="GESTION" value="true">	
							<li id="5">
								<a href="javascript: onClickTerrenos();" >
									<span>Terrenos</span>
								</a>
							</li>
						</logic:equal>
						<li id="6">
							<a href="#" >
								<span>Documentación</span>
							</a>
						</li>				
						<logic:equal name="funcionalidades" property="MANTENIMIENTO" value="true">
							<li id="7">
								<a href="#" >
									<span>Mantenimiento</span>
								</a>
							</li>		
						</logic:equal>						
						<li id="1">
							<a href="javascript: onClickMenu(1);" >
								<span>Seguridad</span>
							</a>
						</li>					
					</ul>
				</div>
			</div>	
		</div>
		

		<div class="shadow-left page-content main-wrapper">
			<div class="shadow-right">

				<div id="main">
				
					<div id="primary-content">
						<div class="blocks">

							<div id="cuerpo0" class="post">
								<div style="float: left;width: 27%; max-width: 500px;">
									<ul class="blocks">
								  		<li class="block">
											<h3 class="title"><span>Información de Interés</span></h3>
											<div class="block-div"></div><div class="block-div-arrow"></div>      				
											<ul>
												<li><a href="http://www.ree.es" target="_blank">Página Principal REE</a></li>
												<li><a href="http://www.eolica.meteologica.com" target="_blank">Meteológica</a></li>
												<li><a href="http://www.omel.es" target="_blank">OMEL</a></li>	
											</ul>			  			      				
										</li>
										<div class="scrollable vertical">
											<div id="tiempo" class="items"></div>
										</div>		
									</ul>
								</div>
								
								<logic:empty name="usuario">
									<div style="float: left; width: 50%; max-width: 500px;">
										<ul class="blocks">
									 	  	<li class="block">
									   			<h3 class="title"><span>Información y Avisos</span></h3>
									   			<div class="block-div"></div><div class="block-div-arrow"></div>      				
												<img src="http://imagenes.meteored.com/gfs_meteored/GFS024_EUR0_SFC.gif" style="width: 500px; height: 364px;">	   							      				
									    	</li>
										</ul>
									</div>		
								</logic:empty>
								
								<logic:notEmpty name="usuario">
									<div style="float: left; width: 50%; max-width: 500px;">
										<ul class="blocks">
									 	  	<li class="block">
									   			<h3 class="title"><span>Información y Avisos</span></h3>
									   			<div class="block-div"></div><div class="block-div-arrow"></div>	   			
									   			<!--       				
												<b>INFORMACIÓN</b> - Ya está corregido el <span style="text-decoration: underline;">cálculo de bonificación de reactiva</span> en la <i>exportación de medidas a Excel</i>. 
												Si encontrais algún error, por favor, enviadme un correo. <br><br><i>Jorge Mejuto</i>
												 -->		   							      				
									    	</li>
										</ul>
									</div>	
									
									<div style="float: right; width: 23%; max-width: 500px;">
										<ul class="blocks">
									  		<li class="block">
									 			<h3 class="title"><span>Agenda EYRA</span></h3>
									 			<div class="block-div"></div><div class="block-div-arrow"></div>      				
												Teléfonos y Correo		   				      				
									  		</li>
									  	</ul>
									</div>
								</logic:notEmpty>							
							</div>							
							
							<div id="cuerpo1" class="post" style="display: none;">							
								<div class="post-date">
									<p class="day">Acceso</p>
								</div>
								<div class="post-info clear-block ">
									<p class="author alignleft">
										<a href="/SeguridadAction.do?metodo=Salir">Cerrar Sesión</a> 										
									</p>								
								</div>											
							</div>
							
							<div id="cuerpo3" class="post" style="display: none;">
								<div class="post-date">
									<p class="day">Curvas de Carga</p>
								</div>
								<div class="post-info clear-block ">
									<p class="author alignleft">
										<a href="javascript: onClickEstado();">Estado Medidas</a>
										 	| <a href="javascript: onClickExportar();">Exportar Medidas a Excel</a>
										 	| <a href="javascript: onClickResumenProduccion();">Resumen Producción</a>
										 <logic:equal name="funcionalidades" property="SIMEL" value="true">
										 	| <a href="javascript: onClickComprobar();">Comprobar Medidas</a>
										 </logic:equal>										 										 
										 <logic:equal name="usuario" property="grupo.id_grupo" value="1">
									 		| <a href="javascript: onClickInforme();">Informe Diario</a>
									 		| <a href="javascript: onClickImportar();">Importar Curvas desde Excel</a>
										 </logic:equal>										 
										 <logic:equal name="usuario" property="grupo.id_grupo" value="3">
										 	<logic:greaterEqual name="usuario" property="grupo.nivel.nivel" value="6">
										 		| <a href="javascript: onClickInforme();">Informe Diario</a>				
										 		| <a href="javascript: onClickImportar();">Importar Curvas desde Excel</a>						 											 						 		
										 	</logic:greaterEqual>
										 </logic:equal>										 
									</p>
								</div>
								<div id="curvas_carga_excel" class="post-content clear-block" ></div>	
								<br />
								<div class="post-date">
									<p class="day">Curvas de Potencia</p>
								</div>
								<div class="post-info clear-block ">
									<p class="author alignleft">
										<a href="javascript: onClickSubMenu('curvas_potencia_parque');">Por Parque</a>
										 | <a href="#">Por Máquina</a> 										
									</p>																	
								</div>
								<div id="curvas_potencia_parque" class="post-content clear-block" >
									<p>Curvas potencia por parque</p>
								</div>												
							</div>							
							
							
							<div id="cuerpo5" class="post" style="display: none;">
							</div>														
							
							
							
						</div>
					</div>
					<div id="spacer"></div>
				</div>
			</div>
		</div>
	</body>
</html>

